*{padding:0px;margin: 0px;font-family: 微软雅黑;font-size: 12px;color: #fff;height: auto;}
body{background: url(../img/bg1.jpg)no-repeat;background-size: 100% auto;background-color: rgba(0,38,110,1);background-position:0 -40px;}
span{display: inline-block;height: 30px;line-height: 27px;font-family:微软雅黑;}
li{list-style: none;border: 1px solid rgb(35,138,188);}
/*#form111>div{width: 71%;margin-left: auto;margin-right: auto;}
#form111>div>div{width: 94%;margin-left: 3%;}*/
#basic{margin-top: 29%;padding-top: 1%;}
#basic ul li{height: 27px;margin-top: 2%;line-height: 27px;}


#basic ul li:nth-child(5) select{width: 20%;height: 30px;line-height: 30px;text-align: center;font-size: 9px;}
#basic ul li:nth-child(2) span{position: relative;top: -10px;}
.wapper1>img{width: 200px;position: absolute;left: 50%;margin-left: -100px;margin-top: -17px;}
@media (max-width:320px) and (max-height:568px){
	#basic ul li:nth-child(2) span{position: relative;top: -10px;}
	
	#basic ul li:nth-child(5) input{width: 40%;}
	#basic ul li:nth-child(5) select{width: 27%;height: 26px;}
	#basic ul li:nth-child(9) input{width: 48%;}
	#basic ul li{height: 24px;margin-top: 3%;line-height: 24px;width: 96%;margin-left: auto;margin-right: auto;}
	#basic ul li input{height: 26px;line-height: 26px;text-align: center;color: #fff;}

}
@media (max-width:360px) and (max-height:640px){
	#basic ul li:nth-child(1) input:nth-child(2){width: 39%;}
	#basic ul li:nth-child(5) input{width: 40%;}
	#basic ul li:nth-child(5) select{width: 29%;}

}
@media (max-width:375px) and (max-height:667px){
	#basic ul li:nth-child(1) input:nth-child(2){width: 39%;}
	#basic ul li:nth-child(5) input{width: 40%;}
	#basic ul li:nth-child(5) select{width: 29%;}

}
@media (max-width:414px) and (max-height:736px){
	#basic ul li:nth-child(1) input:nth-child(2){width: 39%;}
	#basic ul li:nth-child(5) input{width: 40%;}
	#basic ul li:nth-child(5) select{width: 29%;}

}
@media (max-width:375px) and (max-height:812px){
	#basic ul li:nth-child(1) input:nth-child(2){width: 39%;}
	#basic ul li:nth-child(5) input{width: 40%;}
	#basic ul li:nth-child(5) select{width: 29%;}

}
@media (max-width:411px) and (max-height:823px){
	
	#basic ul li:nth-child(5) input{width: 40%;}
	#basic ul li:nth-child(5) select{width: 29%;}

}
ul li span:nth-child(1){margin-left: 2%;}
li{height: 30px;margin-top: 2%;line-height: 30px;}
input{height: 27px;line-height: 27px;text-align: center;background: rgba(0,115,172,0.1);border: none;outline:medium;border-left: 1px solid rgb(35,138,188);}
select{height: 30px;text-align: center;line-height: 30px;background: rgba(0,115,172,0.1);border: none;outline:medium;color: #fff;}
#traffic{margin-top: 29%;}
.wapper2>img{width: 94%;margin-left: 3%;margin-top: 15px;}
#traffic ul li:nth-child(2){height: 53px;}
#traffic ul li:nth-child(2) span{position: relative;top: -10px;}
#traffic ul li:nth-child(2) span:nth-child(1){position: relative;top: 0px;}
#traffic ul li:nth-child(2) input:nth-child(3){margin-left: 2%;}

#traffic2 ul li:nth-child(1){height: 53px;}
#traffic2 ul li:nth-child(1) span{position: relative;top: -10px;}
#traffic2 ul li:nth-child(1) span:nth-child(1){position: relative;top: 0px;}
#traffic2 ul li:nth-child(1) input:nth-child(4){margin-left: 2%;}
#traffic2 ul li:nth-child(3) select{width: 60%;}
#traffic2 ul li:nth-child(5) input{width: 37%;}

#traffic ul li:nth-child(4) select{width: 55%;}
.jt{width: 100px;position: absolute;left: 50%;margin-left: -50px;margin-top: -27px;}

#traffic2{margin-top: 29%;}
#traffic2 ul li:nth-child(1) span{position: relative;top: -10px;}

#traffic2 ul li:nth-child(8) span{position: relative;top: -10px;}
@media (max-width:320px) and (max-height:568px){
	#traffic2 ul li:nth-child(6) input{width: 40%;}
	#traffic2 ul li:nth-child(7) input{width: 58%;}
	li{height: 26px;line-height: 26px;}
	input{height: 26px;line-height: 26px;}
}

#i1 span{position: relative;top: -10px;}
#i2 span{position: relative;top: -10px;}
.wapper4 ul:nth-child(1){height: 160px;}
.wapper4 ul:nth-child(2){height: 160px;}
#i1{position: relative;}
#i2{position: relative;top: 120px;}
@media (max-width:320px) and (max-height:568px){
	#i1{position: relative;top: 38%;}
	#i2{position: relative;top: 38%;}

}
@media (max-width:360px) and (max-height:640px){
	#i1{position: relative;top: 41%;}
	#i2{position: relative;top: 48%;}

}
@media (max-width:320px) and (max-height:568px){
	#i1{position: relative;top: 41%;}
	#i2{position: relative;top: 39%;}

}
@media (max-width:375px) and (max-height:667px){
	#i1{position: relative;top: 41%;}
	#i2{position: relative;top: 59%;}

}
@media (max-width:375px) and (max-height:812px){
	#i1{position: relative;top: 45%;}
	#i2{position: relative;top: 59%;}

}
#food input{margin-left: 2%;margin-right: 2%;}


#hotel img{width: 94%;margin-left: 3%;margin-top: 3%;}
#hotel ul li:nth-child(1) span{position: relative;top: -10px;}

#food{margin-top: -7%;}
#hotel{margin-top: 29%;}
#forum{margin-top: 29%;}

#forum li{border: none;}
#forum li input{float: left;}
#forum li span:nth-child(2){float: left;width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.time{float: right;}
#forum li{clear: both;}
@media (width:320px) and (height:568px){
#forum li{height: 26px;line-height: 26px;border: none;}
#forum li span:nth-child(2){float: left;width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
}
#forum li:nth-child(1){border: 1px solid rgb(35,138,188);}

#pre{width: 120px;height: 40px;background: url(../img/shang.png)no-repeat;position:absolute;left: 5%;background-size: 100% auto;border: none;margin-top:20px;}
#next{width: 120px;height: 40px;background: url(../img/xia.png)no-repeat;position: absolute;right:5%;background-size: 100% auto;border: none;margin-top:20px;}
#next1{width: 120px;height: 40px;background: url(../img/sub.png)no-repeat;position: fixed;bottom: 2%;right: 10%;background-size: 100% auto;border: none;}
#submit{width: 120px;height: 40px;background: url(../img/sub.png)no-repeat;position: absolute;background-size: 100% auto;border: none;margin-top:20px;right:5%}
#lt{width: 150px;position: absolute;left: 50%;margin-left: -75px;margin-top: -15px;}

@media (max-width:320px) and (max-height:568px){
	#forum li{height: 26px;line-height: 26px;margin-top: 1%;}
	span{height: 26px;line-height: 26px;}

}
@media (max-width:360px) and (max-height:640px){
	#forum li{height: 26px;line-height: 26px;margin-top: 1%;}
	span{height: 26px;line-height: 26px;}

}

#traffic2 ul li:nth-child(1) span{position: relative;top: -10px;}
#traffic2 ul li:nth-child(6) span{position: relative;top: -10px;}
#traffic ul li:nth-child(7) span{position: relative;top: -10px;}

.body8 form input{background: #fff;position: absolute;top: 75%;width: 150px;margin-left: -75px;left: 50%;color: #000000}


@media (max-width:360px) and (max-height:640px){
.body8 form input{top: 70%;}
}
@media (max-width:411px) and (max-height:823px){
#sub44{top: 70%;}
}
@media (max-width:375px) and (max-height:812px){
.body8 form input{top: 77%;}
#sub44{top: 65%;}
}
@media (max-width:411px) and (max-height:731px){
.body8 form input{top: 70%;}
#sub44{top: 81%;}
}
@media (max-width:320px) and (max-height:568px){
.body8 form input{width: 120px;margin-left: -60px;}
}
@media (max-width:414px) and (max-height:736px){
.body8 form input{top: 75%;}
}


/*修改后样式*/
.wapper{border: 1px solid rgb(35,138,188);width: 90%;margin:0 auto;padding-bottom: 3%;height: auto;}
#gcp_n1{width: 94%;margin-left: 3%;}
li{width: 94%;margin-left: 3%;}
#gcp_zj{margin-left: 6%;}
@media (max-width:250px){
#basic ul li{height: auto;line-height: 24px;}
#basic ul li input{}

body{padding-bottom: 30%;}


#traffic ul li{height: auto;line-height: 24px;}
#traffic ul li:nth-child(5) input{width: 100%;border-top: 1px solid rgb(35,138,188);border-left: none;}
#traffic ul li:nth-child(2) *{margin-top: 10px;}
#traffic ul li:nth-child(7) *{margin-top: 10px;}
#traffic ul li:nth-child(3) input{width: 100%;}
}
@media (max-width:208px){
#basic ul li:nth-child(2) input{width: 100%;}
#basic ul li:nth-child(8) input{width: 100%;}
#basic ul li:nth-child(9) input{width: 100%;}
#hotel ul li:nth-child(1){height: auto;}
}
@media (max-width:320px){
#traffic2 ul li:nth-child(6) input{width: auto;}
}
@media (max-width:271px){
#traffic2 ul li{height: auto;}
#traffic2 ul li:nth-child(2) input{width: 100%;border-top: 1px solid rgb(35,138,188);border-left: none;}
#traffic2 ul li:nth-child(4) input{width: 100%;border-top: 1px solid rgb(35,138,188);border-left: none;}
#traffic2 ul li:nth-child(1) input{margin-top: 10px;}
#traffic2 ul li:nth-child(6) input{margin-top: 10px;}
}
#forum li{margin-top: 10px;}
@media (max-width:242px){
#forum li input:nth-child(1){margin-right: 2%;}
#forum li span:nth-child(2){width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
}
                                                                                                             
@media (max-width:240px){
body{background: url(../img/bg1.jpg)no-repeat;background-size: 100% auto;background-color: rgba(0,38,110,1);background-position:0 -70px;}
}

#basic ul{padding-top:3%;}

@media (max-width:800px){

#basic ul li:nth-child(3){height:auto;}
#basic ul li:nth-child(4) select{width: 50%;}
}
@media (max-width:380px){
#food #i1 input{margin-left: 5%;}
#food #i1 input:nth-child(5){display: block;}
#food #i1 span:nth-child(6){position: relative;top: -27px;left: 33px;}
#food #i1{height:65px;}
}